<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Login Page</title>
		<!-- 样 式 文 件 -->
		<link rel="stylesheet" href="component/pear/css/pear.css" />
		<link rel="stylesheet" href="admin/css/other/login.css" />
	</head>
    <!-- 代 码 结 构 -->
	<body background="admin/images/background.svg" style="background-size: cover;" >
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<img class="logo" src="admin/images/logo.png" />
				<div class="title">家教平台</div>
				<div class="desc">
				</div>
			</div>
			<div class="layui-form-item">
				<input placeholder="账 户 : admin " lay-verify="required" hover class="layui-input"  name="userName"/>
			</div>
			<div class="layui-form-item">
				<input placeholder="密 码 : admin " lay-verify="required" hover class="layui-input"  name="password"/>
			</div>
			
			<div class="layui-form-item">
					<input type="radio" name="type" value="3" title="家教">
					<input type="radio" name="type" value="2" title="学生">
				    <input type="radio" name="type" value="1" title="管理员">
			</div>

			<div class="layui-form-item">
				<button type="button" class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
					登 入
				</button>
			</div>

			<div class="layui-form-item">
				<button id="userRegister" type="button" class="pear-btn pear-btn-success login" >
					用户注册
				</button>
			</div>

		</form>

		<!-- 资 源 引 入 -->
		<script src="component/layui/layui.js"></script>
		<script src="component/pear/pear.js"></script>
		<script src="api/baseApi.js"></script>
		<script src="api/loginApi.js"></script>
		<script src="component/js/core.util.js"></script>
		<script>
			layui.use(['form', 'button', 'popup', 'jquery'], function() {
				var form = layui.form;
				var button = layui.button;
				var popup = layui.popup;
				let $ = layui.jquery;

                // 登 录 提 交
				form.on('submit(login)', function(data) {
					coreUtil.sendAjax(loginUrl, JSON.stringify(data.field), function (res) {
						console.log(res.data);
						coreUtil.setLocalData("userType", data.field.type);
						coreUtil.setLocalData("userName", data.field.userName);
						coreUtil.setLocalData("userId", res.data.id);
						button.load({
							elem: '.login',
							time: 1500,
							done: function() {
								popup.success("登录成功", function() {
									location.href = "index.html"
								});
							}
						})
					}, 'POST');
					/// 动画
					return false;
				});
 
				$("#userRegister").click(function () {

					var index =  layer.open({
						type: 2,
						title: '',
						area: ['100%', '100%'],
						shade: 0,
						shadeClose: false,
						content: "userRegister.html",
						success: function () {
						},
						end: function () {
						}
					});
				});


			})
		</script>
	</body>
</html>
